﻿
<link rel="stylesheet" type="text/css" href="/_LAYOUTS/VentePrivee/TimesheetShooting/CSS/jquery-ui.css"/>
<script type="text/javascript" language="javascript" src="/_layouts/VentePrivee/TimesheetShooting/JS/jquery-ui.min.js?rev=1"></script>

<script language="javascript">

	*Utilisateurs*

	var lstUtilisateurs = $.map(utilisateurs, function(a){ return a.Nom;});			
	
	$(function() 
	{
		$("#fldContactSearchAnnuaire").autocomplete(
		{      
			source: lstUtilisateurs,
			select: function(event, ui) 
			{
				setTimeout("ChangePersonne(document.forms[0].fldContactSearchAnnuaire)", 200);
			}
		});
	 }); 

	function ChangePersonne(ctl)
	{	
		var linkURL = "http://vplink/Pages/peopleresults.aspx?k=" + ctl.value.toLowerCase();
		window.location.href = linkURL;
	}
</script>

<div class="bloc_right-column" style="top:0px">
	<h1>Annuaire - Trombinoscope</h1>
	<div id="visual_ann"><img src="/_layouts/15/VPLink2013/images/koulouk.png" height="130" width="367"></div>
	<div class="search_ann">
		<table cellpadding="0px" cellspacing="0px">
			<tr>
				<td>
					<input class="vplinksearch" type="text" value="Recherche nom, poste" 
					id="fldContactSearchAnnuaire" name="fldContactSearchAnnuaire"
					onchange="javascript:ChangePersonne(this);" class="ui-autocomplete-input"
					onblur="if (this.value == '') {this.value = 'Recherche nom, poste';}"
					onfocus="if (this.value == 'Recherche nom, poste') {this.value = '';}"
					style="height:21px">
				</td>
				<td>
					<input type="button" id="btnContactSearch" value="" 
					style="height:28px;width:30px;background:url(/_layouts/15/VPLink2013/Images/searchbutton.jpg) top left no-repeat">
				</td>
			</tr>
		</table>
	</div>
	<span><a class="link_trobi" href="http://vplink/Pages/Trombinoscope.aspx" onclick="javascript:_paq.push(['trackPageView', 'Annuaire/Trombinoscope']);">Accéder au trombinoscope</a></span>
</div>